$colors: #cccccc, #2fb6e4, #ff4a1a;

.freight_template {
    position: relative;
    // &_top {
    //     margin-bottom: 16px;
    //     background-color: #fff;
    // }
    &_add_btn {
        position: absolute;
        top: -56px;
        right: 0px;
    }
    // &_header {
    //     margin-top: 24px;
    //     margin-bottom: 20px;
    //     &_item {
    //         display: flex;
    //         align-items: center;
    //         justify-content: space-between;

    //         min-height: 126px;
    //         max-height: 126px;
    //         margin-right: 15px;
    //         padding: 0 24px;

    //         background: #fff9eb;
    //         h3,
    //         p {
    //             margin: 0;
    //         }
    //         h3 {
    //             display: flex;
    //             align-items: center;

    //             color: #33302d;

    //             font-family: PingFangSC-Medium, PingFang SC;
    //             font-size: 16px;
    //             font-weight: 500;
    //             :deep(.el-icon) {
    //                 margin-left: 4px;

    //                 color: #33302d;
    //             }
    //         }
    //         p {
    //             margin-top: 16px;

    //             color: #666666;

    //             font-family: PingFangSC-Regular, PingFang SC;
    //             font-size: 14px;
    //             font-weight: 400;
    //             line-height: 20px;
    //         }
    //         & > div {
    //             min-height: 78px;
    //             margin-right: 30px;
    //         }
    //         :deep(.el-button) {
    //             margin-top: -50px;
    //         }
    //     }
    // }
    :deep(.el-tabs__item) {
        font-size: 16px !important;
    }
    :deep {
        .el-table {
            color: #33302d;

            font-family: PingFangSC-Regular, PingFang SC;
            font-size: 14px;
            font-weight: 400;
            .el-button--small {
                color: #33302d;
                border: 1px solid #eaeaea;

                font-family: PingFangSC-Regular, PingFang SC;
                font-size: 12px;
                font-weight: 400;
            }
            .el-button--small + .el-button--small {
                margin-left: 8px;
            }
        }
        .el-table th.el-table__cell {
            color: #33302d;

            font-family: PingFangSC-Medium, PingFang SC;
            font-size: 14px;
            font-weight: 500;
        }
        .el-tabs__nav-wrap {
            margin-bottom: -15px;
            &::after {
                height: 0;
            }
        }
        .el-table .el-table__cell {
            padding: 20px 0;
        }
        .el-table th.el-table__cell {
            padding: 12px 0;
        }
    }
    &_bottom {
        margin-top: 24px;

        background-color: #fff;
    }
    .zw-form-layout {
        margin-bottom: 24px;

        border: 1px solid #eaeaea;
        background: #f9f9f9;
    }
    .not-started {
        color: #aaa;
    }

    .custom-el-link {
        display: inline;
        :deep .el-link__inner {
            display: inline;
        }
    }

    @for $i from 1 to 4 {
        .custom-status-#{$i} {
            position: relative;

            padding-left: 14px;

            &::before {
                position: absolute;
                top: 50%;
                left: 0px;

                width: 8px;
                height: 8px;

                content: '';
                transform: translateY(-50%);

                border-radius: 50%;
                background: nth($colors, $i);
            }
        }
    }
}
